import React, { memo } from 'react'
import { Link } from 'react-router-dom'
import './style.less'
interface IProps {
  children: React.ReactNode
  title: string
  className?: string
}
const ThemeCard: React.FC<IProps> = (props) => {
  const { children, title, className = '' } = props
  return (
    <div className={'theme-card   ' + className}>
      <div className="card-header">
        <Link to="/layout/home">首页</Link> <i>&gt;</i>
        <span> {title}</span>
      </div>
      <div className="card-body">{children}</div>
    </div>
  )
}
export default memo(ThemeCard)
